<template>
    <div>头部区域</div>
</template>
<script setup>
    
</script>
<!-- scoped保护当前组件的样式不会对其他组件产生干扰 -->
<!-- 原理：为当前组件的DOM元素添加一个自定义属性，并且选择器也会添加属性条件 -->
<style scoped>
/* 最终会是div[data-v-xxxxxxxx] */
div {
    background-color: red;
}     
</style>